<div class="panel panel-default">
	<div class="panel-heading"><strong>Reporte Votos no registrados</strong></div>
	<div class="panel-body">
		<div class="row">
			<div class="col-md-12">
				<form class="form-inline" role="form" id="form_insertar">
					<div class="form-group">
						<label for="departamento" class="control-label">Departamento:</label><br />
						<select name="departamentos" id="departamentos" class="form-control">
							<option value="0">seleccione departamento </option>
							<?php 
								foreach($dep as $k=>$v)
							 {	
							?>
							<option value="<?php echo $k;?>"><?php echo $k." ".$v; ?></option>
							<?php
							} 
							?>
						</select>
						<div id="respuestadepartamentos"></div>
					</div><br />
					<div id="municipio" class="form-group"></div>
					<br /><br />
					<div class="form-group">
						<label class="control-label">
							<input type="submit" name="buscar" value="Buscar" id="buscar" class="btn btn-primary">
						</label>
					</div>
					<br /><br/>
					<div id="respuesta"></div><br />
				</form>
			</div>
		</div>
	</div>
</div>
<script>
$("#departamentos").change(function(event){

	var departamento = $("#departamentos").val();
	if(departamento!=0)
		{
        
		$.post("<?php echo $url4;?>",{departamento:departamento},function(res){
			    $("#respuestadepartamentos").html('');
				$("#municipio").html(res);
				
			});
		}else
		{
			$("#respuestadepartamentos").html('<span class="error">Seleccione un departamento.</span>');
		}
	
});

	
	$("#buscar").click(function(event)
			{
		event.preventDefault();
		
		var departamento = $("#departamentos").val();
		var municipio = $("#municipios").val();
		
				if(departamento!=0)
				{

					$.post("<?php echo $url5;?>",{departamento:departamento,municipio:municipio},function(res)
							{
									$("#respuestadepartamentos").html('');
									$("#respuesta").html('');
									$("#respuesta").html(res);

									

								});
								
			   }else
				{
					$("#respuestadepartamentos").html('<span class="error">Seleccione un departamento.</span>');
				}
			
		
			
		
	});

	
</script>